<div class="card">
    <div data-th-include="system/dept/deptAdd"></div>
    <div class="tpv-main-header clearfix">
        <div class="tpv-main-tab j-main-tab"></div>
        <div id="data-table_filter" class="dataTables_filter tpv-main-filter">
            <form class="dept-table-form j-tpv-search">
                <div class="tpv-filter-layout">
                    <div class="tpv-filter-item">
                        <div class="input-group">
                            <span class="input-group-addon"> [[#{dept.name}]]： </span>
                            <div class="form-group">
                                <input type="text" name="deptName" class="form-control"> <i class="form-group__bar"></i>
                            </div>
                        </div>
                    </div>
                    <div class="tpv-filter-item tpv-filter-auto">
                        <button type="button" class="btn tpv-btn-warning" onclick="refresh()" th:title="#{common.btn.reset}">[[#{common.btn.reset}]]</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="card-block">
        <div class="table-responsive">
            <div id="data-table_wrapper" class="dataTables_wrapper">
                <div class="dataTables_buttons hidden-sm-down actions tpv-table-btns clearfix">
                    <div class="tpv-table-group-btns clearfix">
                        <button type="button" class="btn tpv-group-item tpv-btn-default btn-secondary" onclick="refresh()">[[#{user.flush}]]</button>
                        <button type="button" class="btn tpv-group-item tpv-btn-default btn-secondary"onclick="updateDept()" shiro:hasPermission="dept:update">[[#{dept.update}]]</button>
                        <button type="button" class="btn tpv-group-item tpv-btn-default btn-secondary" onclick="deleteDepts();" shiro:hasPermission="dept:delete">[[#{dept.delete}]]</button>        
                    </div>
                    <div class="tpv-table-info-other">
                        <button type="button" class="btn tpv-btn-primary btn-secondary" data-toggle="modal"  data-target="#dept-add" shiro:hasPermission="dept:add">[[#{dept.add}]]</button>
                    </div>
                </div>
                <div class="table-responsive">
                    <table id="deptTable" data-mobile-responsive="true" class="mb-bootstrap-table"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<script data-th-src="@{js/app/system/dept/dept.js(t=${version})}"></script>
<script data-th-src="@{js/app/system/dept/deptEdit.js(t=${version})}"></script>